/**
 * Created by GanJc on 2015/9/10.
 */

'use strict';
console.log("本文件演示浏览器对象");
console.log('window inner size: ' + window.innerWidth + ' x ' + window.innerHeight);
console.log('window outer size: ' + window.outerWidth + ' x ' + window.outerHeight);

//navigator对象表示浏览器的信息，最常用的属性包括：
console.log("浏览器名称"+ window.navigator.appName);
console.log("浏览器版本"+ window.navigator.appVersion);
console.log("浏览器设置的语言"+ window.navigator.language);
console.log("操作系统类型"+ window.navigator.platform);
console.log("浏览器设定的User-Agent字符串"+ window.navigator.userAgent);
console.log(window.navigator);

//screen对象表示屏幕的信息，常用的属性有：
console.log(screen);
console.log("屏幕宽度，以像素为单位:" + screen.width);
console.log("屏幕高度，以像素为单位:" + screen.height);
console.log("返回颜色位数，如8、16、24:" + screen.colorDepth);

//location对象表示当前页面的URL信息。例如，一个完整的URL：
console.log(location);
//要加载一个新页面，可以调用location.assign()。如果要重新加载当前页面，调用location.reload()方法非常方便。
//location.assign("http://www.baidu.com")

//document对象表示当前页面。由于HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点。
console.log(document);
console.log(document.title);
document.title = "title被我改变了";
console.log("cookie:"+document.cookie);

//history对象保存了浏览器的历史记录
console.log(history);
//history对象保存了浏览器的历史记录，JavaScript可以调用history对象的back()或forward ()，相当于用户点击了浏览器的“后退”或“前进”按钮。
//这个对象属于历史遗留对象，对于现代Web页面来说，由于大量使用AJAX和页面交互，简单粗暴地调用history.back()可能会让用户感到非常愤怒。
//新手开始设计Web页面时喜欢在登录页登录成功时调用history.back()，试图回到登录前的页面。这是一种错误的方法。
//任何情况，你都不应该使用history这个对象了。
//document.getElementById("test-div");
//document.getElementsByClassName("c-red c-green")[0].getElementsByTagName("p");
//document.getElementsByClassName("c-green")[0].getElementsByTagName("p")[1];
(function(){
    //alert('a');
})()
var dd = document.getElementById("dd");
dd.innerHTML = "aaaaaaaaaaaaaaaaaaaa" ;

//alert('appName = ' + navigator.appName + '\n' +
//'appVersion = ' + navigator.appVersion + '\n' +
//'language = ' + navigator.language + '\n' +
//'platform = ' + navigator.platform + '\n' +
//'userAgent = ' + navigator.userAgent);

var menu = document.getElementById('drink-menu');
var drinks = document.getElementsByTagName('dt');
var i, s, menu, drinks;

menu = document.getElementById('drink-menu');
menu.tagName; // 'DL'

drinks = document.getElementsByTagName('dt');
s = '提供的饮料有:';
for (i=0; i<drinks.length; i++) {
    s = s + drinks[i].innerHTML + ',';
}
console.log(s);

console.log("cookies:"+ document.cookie)
